<template>
  <div class="swiper">
    <div class="swiper-wrapper">
      <slot></slot>
    </div>
    <div class="swiper-pagination"></div>
  </div>
</template>
<script>
import Swiper from 'swiper';
import "swiper/css"
export default {
  data() {
    return {

    }
  },
  mounted() {
    new Swiper('.swiper', {
      autoplay: true,
      loop: true,
      pagination: {
        el: '.swiper-pagination',
      },
    })
  }
}

</script>
